Bootstrap5導航欄：快速實現響應式導航菜單

這篇文章介紹了使用Bootstrap5快速實現響應式導航菜單的方法。首先需通過CDN引入Bootstrap5的CSS和JS文件。基本結構包含`<nav>`標籤配合`.navbar`類，核心組件有品牌標識（`.navbar-brand`）、導航容器（`.navbar-nav`）、導航項（`.nav-item`）、鏈接（`.nav-link`）、摺疊按鈕（`.navbar-toggler`）及摺疊內容（`.collapse.navbar-collapse`），並提供示例代碼。 響應式摺疊邏輯通過`.navbar-expand-*`類控制，如`.navbar-expand-lg`使大屏幕（≥992px）展開，小屏自動摺疊爲漢堡菜單。樣式定製支持背景色（`bg-*`）、文字色（`.navbar-dark/light`）、激活狀態（`.active`）及下拉菜單（`.dropdown-*`）。 擴展功能包括固定頂部（`.fixed-top`）、右側內容（如搜索框）和間距調整。注意事項：需確保CDN順序正確，摺疊按鈕的`data-bs-target`與內容ID匹配，並添加無障礙屬性提升兼容性。通過這些方法可快速實現響應式導航，無需額外CSS